<template>
    <div class="view_con">
        <ul class="d_list" v-if="art.length>0">
            <li class="d_item" v-for="item in art" :key="item.id">
                <a :href="'#/ckdetail?id='+item.id+'&name=创客社区&url=#/space/community'">
                    <div class="d_img">
                        <img :src="item.image" alt="">
                    </div>
                    <div class="d_info">
                        <div class="d_title">{{item.title}}</div>
                        <div class="d_txt">
                            {{item.note}}
                        </div>
                    </div>
                </a>
            </li>
        </ul>
        <el-empty v-else></el-empty>
    </div>
</template>

<script>
export default {
    data() {
        return {
           art:[],
            total:0
        };
    },

    mounted() {
        this.getdata()
    },

    methods: {
        getdata(){
            this.$api.post('getProList',{
                "searchKey":"",
                "sort":"sort",
                "limit":100, 
                "type":"创客社区"
            }).then(res=>{
                console.log(res)
                this.art = res.data.list
                this.total = res.data.total
            })
        }
    },
};
</script>

<style lang="scss" scoped>
   @import  '@/assets/css/common.scss';
</style>